import Vue from 'vue'
import VueRouter from 'vue-router'
import NavMenu from '../components/NavMenu.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    component: NavMenu,
    redirect: '/one',
    children: [{
      path: '/one',
      name: 'one',
      component: () => import('../views/OneYe.vue')
    },
    {
      path: '/two',
      name: 'two',
      component: () => import('../views/TwoYe.vue')
    },
    {
      path: '/three',
      name: 'three',
      component: () => import('../views/ThreeYe.vue')
    },
    {
      path: '/four',
      name: 'four',
      component: () => import('../views/FourYe.vue')
    }
    ]
  },
  {
    path: '/about',
    name: 'about',
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue'),
    hidden: true
  }
]

const router = new VueRouter({
  routes
})

export default router
